Ext.onReady(function() {
	var socialStore = new Ext.data.Store({
				proxy : new Ext.data.HttpProxy({
							url : 'PayInPutOp!querySocial.action'
						}),
				reader : new Ext.data.JsonReader({
							root : 'slist.result',
							totalProperty : 'slist.totalCount'
						}, [{
									name : 'employee_ss_id',
									mapping : 'employee_ss_id'
								}, {
									name : 'employeeName',
									mapping : 'employeeName'
								}, {
									name : 'result',
									mapping : 'result'
								}, {
									name : 'employeeid',
									mapping : 'employeeid'
								}, {
									name : 'emp_cs_code',
									mapping : 'emp_cs_code'
								}, {
									name : 'isvalid',
									mapping : 'isvalid'
								}, {
									name : 'social_security_id',
									mapping : 'social_security_id'
								}, {
									name : 'show_name',
									mapping : 'show_name'
								}, {
									name : 'period',
									mapping : 'period'
								}])
			});
	socialStore.load();

	var exClassIdStore = new Ext.data.Store({
				proxy : new Ext.data.HttpProxy({
							url : 'ExeclCustomize!querySocialByCompanyCode.action'
						}),
				reader : new Ext.data.JsonReader({
							root : 'socialItems.result',
							id : 'socialItemsid'
						}, [{
									name : 'socialSecurityId',
									mapping : 'socialSecurityId'
								}, {
									name : 'showName',
									mapping : 'showName'
								}, {
									name : 'companyCode',
									mapping : 'companyCode'
								}])
			});

	var socialItemCombox = new Ext.form.ComboBox({
				store : exClassIdStore,
				valueField : "socialSecurityId",
				displayField : "showName",
				fieldLabel : '社保项目',
				name : 'social_typename',
				id : 'social_typename',
				triggerAction : 'all',
				editable : false,
				anchor : '90%'
			});
	var socialDeletePanel = new Ext.form.FormPanel({
				frame : true,
				hideLables : false,
				id : 'socialDeletePanel',
				buttonAlign : 'right',
				bodyStyle : 'padding:5px 5px 0',
				items : [{
							layout : 'column',
							items : [{
										columnWidth : .5,
										layout : 'form',
										items : [{
													xtype : 'textfield',
													fieldLabel : '雇员编号',
													name : 'emp_code',
													id : 'emp_code',
													anchor : '90%'
												}, {
													xtype : 'textfield',
													fieldLabel : '期间',
													name : 'period',
													id : 'period',
													anchor : '90%'
												}]
									}, {
										columnWidth : .5,
										layout : 'form',
										items : [{
													xtype : 'textfield',
													fieldLabel : '雇员姓名',
													name : 'emp_name',
													id : 'emp_name',
													anchor : '90%'
												}, socialItemCombox]
									}]
						}],
				buttons : [{
					text : '查询',
					handler : function() {
						var employeeName = Ext.getCmp('emp_name').getValue();
						var emp_cs_code = Ext.getCmp('emp_code').getValue();
						var period = Ext.getCmp('period').getValue();
						var socialSecurityId = socialItemCombox.value;
						socialStore.baseParams = {
							employeeName : employeeName,
							emp_cs_code : emp_cs_code,
							period : period,
							socialSecurityId : socialSecurityId
						}
						socialStore.reload();
					}
				}]

			});
	var sm = new Ext.grid.CheckboxSelectionModel();
	var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm, {
				dataIndex : 'employee_ss_id',
				hidden : true
			}, {
				header : '期间',
				dataIndex : 'period',
				width : 150
			}, {
				header : '雇员编号',
				dataIndex : 'emp_cs_code',
				width : 150
			}, {
				header : '雇员姓名',
				dataIndex : 'employeeName',
				width : 150
			}, {
				header : '社保项目',
				dataIndex : 'show_name',
				width : 150
			}, {
				header : '值',
				dataIndex : 'result',
				width : 150
			}]);

	socialDeletePanel.render(Ext.getBody());
	var socialDeleteGrid = new Ext.grid.GridPanel({
		height : document.body.clientHeight
					- Ext.getCmp('socialDeletePanel').getInnerHeight()
					- Ext.getCmp('socialDeletePanel').getFrameHeight(),
		anchor : '90%',
		id : 'paymentDeleteGrid',
		tbar : [{
			text : '删除记录',
			handler : function() {
				var length = socialDeleteGrid.getSelectionModel()
						.getSelections().length;
				if (length > 0) {
					Ext.MessageBox.show({
						title : '删除提示',
						msg : '数据即将被删除',
						buttons : Ext.MessageBox.OKCANCEL,
						fn : function(button) {
							if (button == "ok") {
								var rs = socialDeleteGrid.getSelectionModel()
										.getSelections();
								var deleteSocail = [];
								for (var i = 0; i < length; i++) {
									deleteSocail
											.push(rs[i].data.employee_ss_id);
									socialStore.remove(socialStore
											.getById(rs[i].id));
								};
								Ext.Ajax.request({
											url : 'PayInPutOp!deleteSocail.action',
											success : function() {
												socialStore.reload();
												Ext.Msg.show({
															title : '操作信息',
															msg : '删除成功',
															buttons : Ext.Msg.OK
														});
											},
											failure : function() {
												Ext.Msg.show({
															title : '操作信息',
															msg : '操作失败,请联系管理员',
															buttons : Ext.Msg.OK
														});
											},
											params : {
												deleteSocail : Ext
														.encode(deleteSocail)
											}
										});
							}
							if (button == "cancel") {
								return;
							}
						}
					});
				} else {
					Ext.Msg.show({
								title : '操作信息',
								msg : '无法删除空的记录',
								buttons : Ext.Msg.OK
							});
				}
			}

		}],
		bbar : new Ext.PagingToolbar({
					pageSize : pageSize,
					store : socialStore,
					displayInfo : true,
					dispalyMsg : '显示第{0}条到{1}条记录，一共{2}条',
					emptyMsg : '没有记录'
				}),
		sm : sm,
		cm : cm,
		store : socialStore,
		loadMask : true,
		loadMask : {
			msg : '正在加载数据...'
		}
	});

	socialDeleteGrid.render(Ext.getBody());
});
